
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="studentStart.jsp"%>
<title>关于我们 | 乡村教育平台</title>
<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="乡村教育平台 - 致力于通过科技推动教育公平，为全国乡村学校提供优质教育资源">

<!-- 样式和字体 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300..700&display=swap">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header class="nav-container">
    <!-- 导航栏同之前优化版本 -->
</header>

<main class="main-content">


    <!-- 核心数据展示 -->
    <section class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon"><i class="fas fa-school"></i></div>
            <div class="stat-content">
                <h3>832所</h3>
                <p>合作乡村学校</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon"><i class="fas fa-book-open"></i></div>
            <div class="stat-content">
                <h3>5,200+</h3>
                <p>优质课程资源</p>
            </div>
        </div>
        <!-- 更多数据卡片... -->
    </section>

    <!-- 发展历程时间线 -->
    <section class="timeline-section">
        <h2>发展历程</h2>
        <div class="timeline">
            <div class="timeline-item">
                <div class="timeline-date">2018</div>
                <div class="timeline-content">
                    <h3>项目启动</h3>
                    <p>在北京师范大学教育学部支持下正式成立</p>
                </div>
            </div>
            <div class="timeline-item">
                <div class="timeline-date">2020</div>
                <div class="timeline-content">
                    <h3>平台上线</h3>
                    <p>首版在线学习平台正式投入使用</p>
                </div>
            </div>
            <!-- 更多时间节点... -->
        </div>
    </section>

    <!-- 合作伙伴展示 -->
    <section class="partners-section">
        <h2>战略合作伙伴</h2>
        <div class="partners-grid">
            <img src="images/partner-edu.webp" alt="教育部" loading="lazy">
            <img src="images/partner-uni.webp" alt="北京师范大学" loading="lazy">
            <!-- 更多合作伙伴... -->
        </div>
    </section>

    <!-- 志愿者故事 -->
    <section class="volunteer-stories">
        <h2>志愿者心声</h2>
        <div class="story-carousel">
            <article class="story-card">
                <img src="images/volunteer1.webp" alt="志愿者李明" loading="lazy">
                <blockquote>
                    “通过这个平台，我真正感受到了教育的力量。看到孩子们渴望知识的眼神，一切都值得了。”
                </blockquote>
                <div class="author-info">
                    <h4>李明</h4>
                    <p>数学支教老师</p>
                </div>
            </article>
            <!-- 更多故事卡片... -->
        </div>
    </section>

    <!-- 联系信息增强版 -->
    <section class="contact-section">
        <div class="contact-map">
            <iframe
                    src="https://map.example.com"
                    title="办公地点地图"
                    loading="lazy"
                    referrerpolicy="no-referrer-when-downgrade">
            </iframe>
        </div>
        <div class="contact-info">
            <h2>联系我们</h2>
            <address>
                <p><i class="fas fa-map-marker-alt"></i> 北京市海淀区教育科技园A座1008室</p>
                <p><i class="fas fa-phone"></i> 400-123-4567</p>
                <p><i class="fas fa-envelope"></i> contact@ruraledu.org</p>
            </address>
            <form class="contact-form">
                <input type="text" placeholder="姓名" required>
                <input type="email" placeholder="邮箱" required>
                <textarea rows="5" placeholder="留言内容"></textarea>
                <button type="submit">发送消息</button>
            </form>
        </div>
    </section>
</main>

<footer class="site-footer">
    <!-- 页脚同之前优化版本 -->
</footer>

<!-- 脚本 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/main.js"></script>
<%@ include file="studentEnd.jsp"%>
